/***************************************************************************
*   Copyright (C) 2011 by Chuck Gao & Alex Liu                             *
*                                                                          *
*   This program is free software: you can redistribute it and/or modify   *
*   it under the terms of the GNU General Public License as published by   *
*   the Free Software Foundation, either version 3 of the License, or      *
*   (at your option) any later version.                                    *
*                                                                          *
*   This program is distributed in the hope that it will be useful,        *
*   but WITHOUT ANY WARRANTY; without even the implied warranty of         *
*   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          *
*   GNU General Public License for more details.                           *
*                                                                          *
*   You should have received a copy of the GNU General Public License      *
*   along with this program.  If not, see <http://www.gnu.org/licenses/>.  *
*                                                                          *
*   Contact author: chuckgao.cg@gmail.com                                  *
*                   alex2202375@gmail.com                                  *
***************************************************************************/

import QtQuick 1.0
import "../Script/createPageNum.js" as PageNumbrtCreator

Item {
    id: pageIndicator
    width: 30 * pageCount
    height: 30
    clip: true

    property int pageCount: null
    property int currentNum: null

    onCurrentNumChanged: {
        highlight.x = (currentNum - 1) * 30 + 5
    }

    Component.onCompleted: {
        for(var index=0; index < pageCount; index++)
        {
            PageNumbrtCreator.createPageNumber(index+1)
        }
    }

    Row {
        id: pageRow
        anchors.centerIn: parent
    }

    Rectangle {
        id: highlight
        width: 17
        height: 17
        y: -2
        anchors.verticalCenter: parent.verticalCenter
        color: "transparent"
        border.color: "skyblue"
        border.width: 2
        smooth: true
    }
}
